
<script type="text/javascript">
$(function () {
    $('#container1').highcharts({
        chart: {
            type: 'pie',
            options3d: {
                enabled: true,
                alpha: 45
            }
        },
        title: {
            text: '销售类别统计By销售金额',
            style: { 
                    fontWeight: 'bold',
                    fontSize: '20px', 
                    fontFamily: '微軟正黑體',
                    color:'black'
                   }
        },
        subtitle: {},
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
        },
        plotOptions: {
            pie: {
                innerSize: 100,
                depth: 45
            }
        },
        series: [{
        	  name: '占总销售金额比例',
            data: [['鲜活健康', 17.66],
                ['鲜奶拿铁', 14.30],
                ['新鲜特调', 22.25],
                ['夏季冰钻', 7.35],
                ['东方时尚', 11.11],
                ['香醇奶茶', 27.33]]
        }]
    });
});
$(function () {
    $('#container2').highcharts({
        chart: {
            type: 'pie',
            options3d: {
                enabled: true,
                alpha: 45
            }
        },
        title: {
            text: '销售类别统计By杯数',
            style: { 
                    fontWeight: 'bold',
                    fontSize: '20px', 
                    fontFamily: '微軟正黑體',
                    color:'black'
                   }
        },
        subtitle: {},
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
        },
        plotOptions: {
            pie: {
                innerSize: 100,
                depth: 45
            }
        },
        series: [{
            name: '占总杯数比例',
            data: [['鲜活健康', 17.58],
                ['鲜奶拿铁', 14.27],
                ['新鲜特调', 22.05],
                ['夏季冰钻', 7.20],
                ['东方时尚', 11.24],
                ['香醇奶茶', 27.66]]
        }]
    });
});
		</script>
	</head>
	<body>

<script src="../../../frameworks/highcharts/js/highcharts.js"></script>
<script src="../../../frameworks/highcharts/js/highcharts-3d.js"></script>
<script src="../../../frameworks/highcharts/js/modules/exporting.js"></script>

<div id="container1" style="height: 400px"></div>
<div id="container2" style="height: 400px"></div>
</html>
